<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>选座</title>
    <link rel="stylesheet" href="../css/sit.min.css">
    <link rel="shortcut icon" href="../img/f11.ico" type="image/x-icon">
    <script src="../utill/flexible.js"></script>
    <script src="../utill/jquery-3.5.1.min.js"></script>
</head>

<body>
    <div class="top">

        <img src="../img/login/back.png" alt="" class="back" id="back">

        <p>选座</p>
        <div class="screen">

        </div>
        <div class="sit">
            <div class="seat">
                <div class="left">
                    <div class="kx">A1</div>
                    <div class="kx">A2</div>
                    <div class="kx">A3</div>
                    <div class="kx">B1</div>
                    <div class="kx">B2</div>
                    <div class="kx">B3</div>
                    <div class="kx">C1</div>
                    <div class="kx">C2</div>
                    <div class="kx">C3</div>
                    <div class="kx">D1</div>
                    <div class="kx">D2</div>
                    <div class="kx">D3</div>
                    <div class="kx">E1</div>
                    <div class="kx">E2</div>
                    <div class="kx">E3</div>
                    <div class="kx">F1</div>
                    <div class="kx">F2</div>
                    <div class="kx">F3</div>
                </div>
                <div class="right">
                    <div class="kx">A4</div>
                    <div class="kx">A5</div>
                    <div class="kx">A6</div>
                    <div class="kx">B4</div>
                    <div class="kx">B5</div>
                    <div class="kx">B6</div>
                    <div class="kx">C4</div>
                    <div class="kx">C5</div>
                    <div class="kx">C6</div>
                    <div class="kx">D4</div>
                    <div class="kx">D5</div>
                    <div class="kx">D6</div>
                    <div class="kx">E4</div>
                    <div class="kx">E5</div>
                    <div class="kx">E6</div>
                    <div class="kx">F4</div>
                    <div class="kx">F5</div>
                    <div class="kx">F6</div>
                </div>
            </div>
            <div class="sitFoot">
                <div class="item item-1">
                    <div></div>
                    <span>可选座位</span>
                </div>
                <div class="item item-2">
                    <div></div>
                    <span>已选座位</span>
                </div>
                <div class="item item-3">
                    <div></div>
                    <span>已售座位</span>
                </div>
            </div>
        </div>

    </div>
    <div class="foot">
        <p class="name"></p>
        <p class="msg">万达影城（双流万达广场杜比影院店）<span style="color: black;"></span> </p>
        <div class="price">
            <div class="sitMsg">
                <p class="pt">已选座位</p>
                <div id="yxSit">
                    <div>A1</div>
                    <div>A2</div>
                    <div>A3</div>
                </div>
            </div>
            <div class="total">
                <p class="pt">总价</p>

                <p id="price"></p>

            </div>
        </div>
        <div class="btn" id="gopay">
            立即购票
        </div>
    </div>
    <script src="../js/sit.js"></script>
</body>

</html>